Index: ecommerce/template/customer/AnonContactus.ftl
===================================================================
--- ecommerce/template/customer/AnonContactus.ftl	(revision 1822371)
+++ ecommerce/template/customer/AnonContactus.ftl	(working copy)
@@ -41,14 +41,14 @@
       <input type="hidden" name="emailType" value="CONT_NOTI_EMAIL"/>
 
       <div class="form-group row">
-        <label for="${uiLabelMap.EcommerceSubject}" class="col-1 col-form-label">${uiLabelMap.EcommerceSubject}</label>
-        <div class="col-11">
+        <label for="${uiLabelMap.EcommerceSubject}" class="col-2 col-form-label">${uiLabelMap.EcommerceSubject}</label>
+        <div class="col-10">
           <input type="text" name="subject" id="subject" class="required form-control form-control-sm" value="${requestParameters.subject!}"/>
         </div>
       </div>
       <div class="form-group row">
-        <label for="${uiLabelMap.CommonMessage}" class="col-1 col-form-label">${uiLabelMap.CommonMessage}</label>
-        <div class="col-11">
+        <label for="${uiLabelMap.CommonMessage}" class="col-2 col-form-label">${uiLabelMap.CommonMessage}</label>
+        <div class="col-10">
           <textarea name="content" id="message" class="required form-control form-control-sm" rows="4">
             ${requestParameters.content!}
           </textarea>
@@ -55,8 +55,8 @@
         </div>
       </div>
       <div class="form-group row">
-        <label for="${uiLabelMap.FormFieldTitle_emailAddress}" class="col-1 col-form-label">${uiLabelMap.FormFieldTitle_emailAddress}</label>
-        <div class="col-11">
+        <label for="${uiLabelMap.FormFieldTitle_emailAddress}" class="col-2 col-form-label">${uiLabelMap.FormFieldTitle_emailAddress}</label>
+        <div class="col-10">
            <input type="email" name="emailAddress" id="emailAddress" class="required form-control form-control-sm" value="${requestParameters.emailAddress!}"/>
         </div>
       </div>
@@ -63,8 +63,8 @@
       <div class="row">
         <div class="col-6">
           <div class="form-group row">
-            <label for="${uiLabelMap.PartyFirstName}" class="col-2 col-form-label">${uiLabelMap.PartyFirstName}</label>
-            <div class="col-10">
+            <label for="${uiLabelMap.PartyFirstName}" class="col-4 col-form-label">${uiLabelMap.PartyFirstName}</label>
+            <div class="col-8">
               <input type="text" name="firstName" id="firstName" class="required form-control form-control-sm" value="${requestParameters.firstName!}"/>
             </div>
           </div>
@@ -71,8 +71,8 @@
         </div>
         <div class="col-6">
           <div class="form-group row">
-            <label for="${uiLabelMap.PartyLastName}" class="col-2 col-form-label">${uiLabelMap.PartyLastName}</label>
-            <div class="col-10">
+            <label for="${uiLabelMap.PartyLastName}" class="col-4 col-form-label">${uiLabelMap.PartyLastName}</label>
+            <div class="col-8">
               <input type="text" name="lastName" id="lastName" class="required form-control form-control-sm" value="${requestParameters.lastName!}"/>
             </div>
           </div>
@@ -79,20 +79,20 @@
         </div>
       </div>
       <div class="form-group row">
-        <label for="${uiLabelMap.CommonCaptchaCode}" class="col-1 col-form-label">${uiLabelMap.CommonCaptchaCode}</label>
-        <div class="col-11">
+        <label for="${uiLabelMap.CommonCaptchaCode}" class="col-2 col-form-label">${uiLabelMap.CommonCaptchaCode}</label>
+        <div class="col-10">
           <img id="captchaImage" src="<@ofbizUrl>captcha.jpg?captchaCodeId=captchaImage&amp;unique=${nowTimestamp.getTime()}</@ofbizUrl>" alt=""/>
         </div>
       </div>
       <div class="row">
-        <div class="col-1"></div>
-        <div class="col-11">
+        <div class="col-2"></div>
+        <div class="col-10">
           <a href="javascript:reloadCaptcha('captchaImage');">${uiLabelMap.CommonReloadCaptchaCode}</a>
         </div>
       </div>
       <div class="form-group row">
-        <label for="${uiLabelMap.CommonVerifyCaptchaCode}" class="col-1 col-form-label">${uiLabelMap.CommonVerifyCaptchaCode}</label>
-        <div class="col-11">
+        <label for="${uiLabelMap.CommonVerifyCaptchaCode}" class="col-2 col-form-label">${uiLabelMap.CommonVerifyCaptchaCode}</label>
+        <div class="col-10">
           <input type="text" autocomplete="off" maxlength="30" size="23" name="captcha" class="form-control form-control-sm"/>
         </div>
       </div>
Index: ecommerce/template/customer/NewCustomer.ftl
===================================================================
--- ecommerce/template/customer/NewCustomer.ftl	(revision 1822371)
+++ ecommerce/template/customer/NewCustomer.ftl	(working copy)
@@ -405,14 +405,11 @@
     <#if getUsername>
       <@fieldErrors fieldName="USERNAME"/>
       <#if !requestParameters.preferredUsername?has_content>
-        <div class="row">
-        <div class="form-check col-12">
-          <label class="form-check-label">
+        <div class="form-check">
+          <label class="form-check-label"></label>
             <input type="checkbox" name="UNUSEEMAIL" class="checkbox form-check-input" id="UNUSEEMAIL" value="on"
                 onclick="setEmailUsername();" onfocus="setLastFocused(this);"/> ${uiLabelMap.EcommerceUseEmailAddress}
-          </label>
         </div>
-        </div>
       </#if>
 
       <div class="row form-group">
Index: ecommerce/template/request/RequestList.ftl
===================================================================
--- ecommerce/template/request/RequestList.ftl	(revision 1822371)
+++ ecommerce/template/request/RequestList.ftl	(working copy)
@@ -22,8 +22,8 @@
       <strong>${uiLabelMap.EcommerceRequestHistory}</strong>
     </div>
     <div class="card-body">
-        <table class="table">
-            <thead>
+        <table class="table table-responsive-sm">
+            <thead class="thead-light">
             <tr>
                 <th>
                    ${uiLabelMap.OrderRequest} ${uiLabelMap.CommonNbr}
Index: ecommerce/template/request/ViewRequestItemInfo.ftl
===================================================================
--- ecommerce/template/request/ViewRequestItemInfo.ftl	(revision 1822371)
+++ ecommerce/template/request/ViewRequestItemInfo.ftl	(working copy)
@@ -22,8 +22,8 @@
         <strong>${uiLabelMap.OrderRequestItems}</strong>
     </div>
     <div class="card-body">
-        <table class="table">
-            <thead>
+        <table class="table table-responsive-sm">
+            <thead class="thead-light">
                 <tr>
                     <th>${uiLabelMap.ProductItem}</th>
                     <th>${uiLabelMap.OrderProduct}</th>
Index: ecommerce/webapp/ecommerce/css/custom.css
===================================================================
--- ecommerce/webapp/ecommerce/css/custom.css	(revision 1822371)
+++ ecommerce/webapp/ecommerce/css/custom.css	(working copy)
@@ -16,10 +16,17 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-
+body {
+    font-size: 0.9rem;
+}
+a,.btn-link{
+    color: #158ae2;
+}
+a.btn-primary {
+    color: white!important;
+}
 #ecom-mainarea{
     padding:10px;
-    background: #FFF;
     margin-top: 20px;
     position: relative;
     text-align: left;